<template>
	<el-container class="home-container">
		<!--头部区域-->
		<el-header style="height:72px">
			<div>
				<span>非遗·唤醒·传承（展示部分）</span>
			</div>
		</el-header>
		<!--主体区域-->
		<el-container class="container">
			<!--主体区域-->
			<!-- 子组件的展示 -->
			<el-main>
				<router-view></router-view>
			</el-main>
		</el-container>
	</el-container>


</template>

<script>
	export default {
		data() {
			return {}
		},
		created() {},
		methods: {}
	}
</script>

<style lang="less" scoped>

	.home-container {
		background-image: url(../../assets/img/Background.jpg);
		// height: 100%;
		width: 100%;
		min-height: 100%;

		.el-header {
			// background-color: #17a2b8 !important;
			display: flex;
			justify-content: space-between;
			padding-left: 0;
			align-items: center;
			color: #fff;
			font-size: 20px;

			div {
				display: flex;
				align-items: center;
				img {
					width: 100px;
					height: 100px;
				}

				span {
					margin-left: 15px;
				}
			}
		}

		.container {
			.el-main {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>
